<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="一键开票详情" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<view class="listView">
			<view class="listViewItem flex-row-space-between" v-for="index in 10" :key="index">
				<view class="listViewItem1a">
					票据编号
				</view>
				<view class="listViewItem1b">
					899576020980
				</view>
			</view>
			<view class="listViewItem flex-row-space-between">
				<view class="listViewItem1a">
					备注
				</view>
				<input class="listViewItem1b" placeholder="请输入"/>
			</view>
		</view>
		
		<view class="fixed-bottom" style="height: 140rpx;background-color: white;">
			<view @click="loginMobile()" class="loginButton">
				开票
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.loginButton {
		margin-top: 10rpx;
		margin-left: 64rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.listViewItem1b{
		width: 490rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		text-align: right;
	}
	.listViewItem1a{
		width: 202rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.listViewItem{
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		width: 702rpx;
	}
	.listView{
		padding-top: 40rpx;
		padding-bottom: 100rpx;
	}
</style>
